




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>库存管理</title>
	<meta charset="utf-8">
	<meta name="viewport" charset="width=device-width, initial-scale=1" user-scalable="no";>
	<!--手机设备显示-->
	<link href="./cloud_oa/js/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/jquery.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/bootstrap/js/bootstrap.js"></script>
	<link href="./cloud_oa/css/common.css" rel="stylesheet" type="text/css">
	<link href="./cloud_oa/css/style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/Validform/js/Validform_v5.3.2.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/layer/layer.js"></script>
	<link href="./cloud_oa/css/style-bar.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/layer/layer.js"></script>

<script type="text/javascript">

function del() {
	var possId=$("#possId").val();
	
	var flag = window.confirm("确定要删除此项吗");
	
}

			
$(document).ready(function(e) {
	
    if($('tr[name="addtr"]').length==0){
    	$('tr[name="trHead"]').last().after('<tr name="addtr"><td>&nbsp</td><td></td><td></td><td></td></td> <td></td> <td></td> <td></td></tr>');
    }
	while ($('tr[name="addtr"]').length<8)
		
	{
		$('tr[name="addtr"]').last().after('<tr name="addtr"><td>&nbsp</td><td></td><td></td><td></td></td> <td></td> <td></td> <td></td></tr>');
		
	}
	$('#form2').Validform({
		tiptype:3,
		datatype:{'money':function(gets,obj,curform,regxp){
			
			//先判断是否是数字，返回值可以直接作为提示信息
			var reg1 = /^\d+(\.\d{1})?$/;
			
			if (!reg1.test(gets)) {
				return "请输入正确的单价！";
			}				
			
			//在判断工资范围，返回false表示验证失败，使用标签的默认提示信息
			if (gets.length < 1 || gets.length > 10 ) {
				return false;									
			}
			
			return true;
			}
		},
		ajaxPost:false
	});
	
	$('#form4').Validform({
		tiptype:3,		
	});
	
	$('#form5').Validform({
		tiptype:3,		
	});
	
	//清空表单
	$('#clearBtn').click(function(e) {
		$('#possId').val('');
	    $('#possName').val('');
	    $('#possCate').val('');
		$('#possType').val('');
		$('#possPrice').val('');
		$('#possUnuse').val('');
	    $('input[name="ids"]').prop('checked',false);
	    
	    $('#insertBtn').prop('disabled',false);
		$('#updateBtn').prop('disabled',true);
	    $('#deleteBtn').prop('disabled',true);
	    $('#clearBtn').prop('disabled',true);
       });
	

	
	//选择单选设置表单数据

	$('input[name="ids"]').click(function(e) {
		
           var possId = $(this).parent().parent().find('td').eq(1).text();
		   var possName = $(this).parent().parent().find('td').eq(2).text();
		   var possCate = $(this).parent().parent().find('td').eq(3).text();
		   var possType = $(this).parent().parent().find('td').eq(4).text();
		   var possPrice = $(this).parent().parent().find('td').eq(5).text();
		   var possUnuse = $(this).parent().parent().find('td').eq(6).text();
		   var possUse = $(this).parent().parent().find('td').eq(7).text();
		   
		   $('#possId').val($.trim(possId));
		   $('#possName').val($.trim(possName));
		   $('#possCate').val($.trim(possCate));
		   $('#possType').val($.trim(possType));
		   $('#possPrice').val($.trim(possPrice));
		   $('#possUnuse').val($.trim(possUnuse));
		   $('#possUse').val($.trim(possUse));
		   
		   $('#insertBtn').prop('disabled',true);
		   $('#updateBtn').prop('disabled',false);
		   $('#deleteBtn').prop('disabled',false);
		   $('#clearBtn').prop('disabled',false);
        });
	
	
	
	$('input[name=searchType]').click(function(){
		if(this.id == 'radioBtn1') {
			$('#form4').show();
			$('#form5').hide();
			$('#form6').hide();
			
		} else if(this.id == 'radioBtn2') {
			$('#form4').hide();
			$('#form5').show();
			$('#form6').hide();
			
		}	
		else{
			$('#form4').hide();
			$('#form6').show();
			$('#form5').hide();
			
		}
			
		});	

	$('#form4').submit(function(){	
		var reg = /^\d{0,6}$/;
		if ($('#possId1').val() == '') {
			layer.msg("请输入检索关键字",{icon: 2});
			return false;
		}
		if(!reg.test($('#possId1').val())){
			layer.msg("请输入0-6位数字",{icon: 2});
			return false;
		}
	});
	
	$('#form5').submit(function(){	
		var reg = /^[\w\W]{0,10}$/;
		if ($('#possName1').val() == '') {
			layer.msg("请输入检索关键字",{icon: 2});
			return false;
		}
		if (!reg.test($('#possName1').val())) {
			layer.msg("输入个数不能大于10个",{icon: 2});
			return false;
		}			
	});

});	
  
</script>
</head>
<body>
<!-- 网页头部-->

	



<script type="text/javascript">

	//轮播时间间隔设置
	$(document).ready(function(e) {
		$('.carousel').carousel({
        interval: 4000
    });
    $(document).ready(function(e) {
        //初始化工具提示
		$('a,button[data-toggle="tooltip"]').tooltip();		
		$('#fuckhtml').popover();
    	});
	});

	//消息提示整体亮度控制
	$(document).ready(function(e) {		
		//鼠标移上
		$('#notice').mouseover(function(){
			if($('#infonotice').text()!="0"){
				$('#infonotice').addClass('noticeBg');	
			}else{
				$('#infonotice').css("background-color","#999");
			}
				
		});		
		//鼠标离开
		$('#notice').mouseout(function(){
			if($('#infonotice').text()!="0"){
				$('#infonotice').removeClass('noticeBg');
			}else{
				$('#infonotice').css("background-color","#777");
			}
			
		});						
	});

	//登陆界面模态层
	$(document).ready(function(e) 
	{        
	/*单击按钮弹出模态层*/
	$('#modalBtn').click(function(e){
		$('#myModal').modal
		(
			{
				backdrop:'static', /*点击黑色区域不关闭*/
				keyboard:false     /*ESC键不关闭*/
			}
		);

		$('#navigation').fadeOut("fast").addClass("fixed-top-changed");
	});	


    /*关闭时回到原来尺寸*/
	$('#closemodal').click(function(e){
		$('#navigation').removeClass("fixed-top-changed").delay(300).fadeIn("fast");
		});
    });
	
	$(document).ready(function(){
		//一行代码搞定，提交表单的时候会自动触发验证程序
		$('#loginform').Validform({
			tiptype:0,
			ajaxPost:true,
			beforeSubmit:function(curform){return false;}
		});
	});
	</script>
	<!--登陆界面模态层-->
	<div class="modal fade" id="myModal" tabIndex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" id="closemodal" data-dismiss="modal">&times;</button>
					<h4 class="text-center">切换用户</h4>
				</div>

				<div class="modal-body">
					<form id="loginform" class="form-horizontal" method="post" action="./cloud_oa/login/login.action">
			        	<div class="form-group"> 
			                <label for="userName" class="col-sm-4 control-label">账号</label>
			                <div class="col-sm-6">
			                	<input type="text" datatype="*" name="empNum" id="empNum" class="form-control" placeholder="请输入账号">               
			                </div>
			            </div>
			            
			            <div class="form-group">
			                <label for="userPwd" class="col-sm-4 control-label">密码</label>
			                <div class="col-sm-6">
			                	<input datatype="*" type="password" name="password" id="password" class="form-control" placeholder="请输入密码 ">              
			                </div>
			            </div>

			            <div class="form-group">
			            	<div class="col-sm-3 col-sm-offset-7">
			            		<input type="submit" id="btn2" class="btn btn-primary btn-block" data-loading-text="正在确认..." value="登录"> 		            		
			                </div>
			            </div>
		        	</form>  
				</div>


			</div>
		</div>
	</div>
	<!--/登陆界面模态层-->

	<!--导航条-->
	<nav id="navigation" class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">

			<div class="navbar-header" >
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myCollapse1">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="./cloud_oa/pages/index.jsp" class="navbar-brand">
					<img src="./cloud_oa/image/default-transparent.png" height="20"/>
				</a>
			</div>
			<!--/.navbar-header-->

			<form if="userform" action="">
			<div class="collapse navbar-collapse navbar-right" id="myCollapse1">
				<ul class="nav navbar-nav nav-right">
					<li class="dropdown">
						<a href="./cloud_oa/empInfo/query.action" data-toggle="dropdown">
							当前用户：系统管理员
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu ">
							<li>
								<a href="#" id="modalBtn">切换用户</a>
							</li>
							<li>
								<a href="./indexLogin.html">退出</a>
							</li>
						</ul>
					</li>
					<li>
						<a id="notice" href="./在线消息-未阅消息.html">
							新消息：
							<span id="infonotice" class="badge">0</span>
						</a>
					</li>
					<li>
						<a href="#" 
						id="fuckhtml"
						data-html="true" data-toggle="popover" 
						data-content="<center>
						<img width='30' src='./cloud_oa/image/ic_launcher.png'></img>&nbsp;
						<a style='font-size:1.1em;color:black;text-decoration:none' href='./cloud_oa/app/cloud.apk'>点击直接下载</a>
						<br><img width='200' src='./cloud_oa/appuser/getApkQRcode.do'></img>
						<br>扫一扫二维码，下载安装客户端</center>"
						data-placement="bottom"> 安卓客户端 </a></li>
					
				</ul>

			</div>
			<!--/.collapse-->
			</form>

		</div>
		<!--/.container-fluid-->
	</nav>
	<!--/导航条-->

	<!--轮播容器-->
	<header id="myCarousel" class="carousel slide">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		
		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<div class="fill" style="background-image:url('./cloud_oa/image/100.jpg');"></div>
				<div class="carousel-caption">
					<h2>学JAVA开发，到中软国际。</h2>
				</div>
			</div>
			<div class="item">
				<div class="fill" style="background-image:url('./cloud_oa/image/101.jpg');"></div>
				<div class="carousel-caption">
					<h2>学iOS/Android开发，到中软国际。</h2>
				</div>
			</div>
			<div class="item">
				<div class="fill" style="background-image:url('./cloud_oa/image/102.jpg');"></div>
				<div class="carousel-caption">
					<h2>学C++开发，到中软国际。</h2>
				</div>
			</div>
		</div>
		<!-- Controls -->
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">
			<span class="icon-prev"></span>
		</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">
			<span class="icon-next"></span>
		</a>
	</header>
	<!--/轮播容器-->
	
	<!--网页分类-->
	<nav class="navbar navbar-default hidden-sm hidden-xs">
		<div class="container">
			<div class="collapse navbar-collapse" id="myCollapse2">
			
				<ul class="nav navbar-nav">
				
					<li>
						<a href="./index.html">系统首页</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							个人中心
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu ">
							<li>
								<a href="./个人中心-员工信息维护.html">员工信息维护</a>
							</li>
							<li>
								<a href="./个人中心-检索他人信息.html">检索他人信息</a>
							</li>
							<li>
								<a href="./个人中心-个人申请中心.html">个人申请中心</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							工作安排
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./工作安排-日程安排.html">日程安排</a>
							</li>
							<li>
								<a href="./工作安排-综合查询.html">综合查询</a>
							</li>
							<li>
								<a href="./工作安排-日历查看.html">日历查看</a>
							</li>
							<li>
								<a href="./工作安排-代读设置.html">代读设置</a>
							</li>
							<li>
								<a href="./工作安排-待办审批.html">待办审批</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							名片夹
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./名片夹-联系人查询.html">联系人查询</a>
							</li>
							<li>
								<a href="./名片夹-名片夹分类.html">名片夹分类</a>
							</li>
							<li>
								<a href="./名片夹-公司通讯录.html">公司通讯录</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							消息收发
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./在线消息-发送新消息.html">发送消息</a>
							</li>
							<li>
								<a href="./在线消息-草稿箱.html">草稿箱</a>
							</li>
							<li>
								<a href="./在线消息-发件箱.html">已发送消息</a>
							</li>
							<li>
								<a href="./在线消息-收件箱.html">收到的消息</a>
							</li>
							<li>
								<a href="./在线消息-未阅消息.html">未阅的消息(<span name="count">0</span>)</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							云文件存储
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./云文件存储-云文件目录.html">云文件目录</a>
							</li>
							<li>
								<a href="./云文件存储-我的云共享.html">我的云共享</a>
							</li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							会议管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./会议管理-会议室信息.html">会议室信息</a>
							</li>
							<li>
								<a href="./会议管理-会议预约情况.html">会议预约情况</a>
							</li>
							<li>
								<a href="./会议管理-我要参加的会议.html">我要参加的会议</a>
							</li>
							<li>
								<a href="./会议管理-我发布的会议.html">我发布的会议</a>
							</li>
						</ul>
					</li>

					
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							系统管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./系统管理-部门管理.html">部门管理</a>
							</li>
							<li>
								<a href="./系统管理-职务管理.html">职务管理</a>
							</li>
							<li>
								<a href="./系统管理-员工管理.html">员工管理</a>
							</li>
							<li>
								<a href="./系统管理-角色管理.html">角色管理</a>
							</li>
							<li>
								<a href="./系统管理-权限管理.html">权限管理</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							资产管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./资产管理-库存管理.html">库存管理</a>
							</li>
							<li>
								<a href="./资产管理-办公用品消耗.html">办公用品消耗</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							车辆管理
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./车辆管理-查看车辆信息.html">查看车辆信息</a>
							</li>
							<li>
								<a href="./车辆管理-派车待办.html">派车待办</a>
							</li>
							<li>
								<a href="./车辆管理-派车记录.html">派车记录</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							外派人才
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="./外派人才-外派人才列表.html">外派人才列表</a>
							</li>
							<li>
								<a href="./外派人才-合作公司列表.html">合作公司列表</a>
							</li>
							<li>
								<a href="./外派人才-公司需求列表.html">公司需求列表</a>
							</li>
							<li>
								<a href="./外派人才-外派记录列表.html">外派记录显示</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="./系统公告.html">
							系统公告
						</a>
					</li>
				</ul>
				
			</div>
			<!--/.collapse-->
		</div>
	</nav>
	<!-- 网页头部完成-->
	

<div class="container">

<!-- 侧边栏 -->
<div class="col-md-3" id="myScrollSpy" style="margin-top:30px;">
	<dropdown class="col-xs-12" style="margin-bottom:30px;"> 
		<input id="toggle1" type="checkbox" checked>
		<label for="toggle1"class="animate">资产管理<i class="fa fa-bars float-right"></i></label>
		<ul class="animate">
			<a href="./资产管理-库存管理.html">
				<li class="animate actived">库存管理</li>
			</a>
            <a href="./资产管理-办公用品消耗.html">
            	<li class="animate">办公用品消耗</li>
            </a>	              
		</ul>
	</dropdown>
</div>
<!-- 侧边栏完成 -->

<!-- 右侧内容-->
<div class="col-md-9" style="margin-top:30px">
	<div style="margin-bottom: 10px">

		<form>
			<input type="radio" id="radioBtn1" name="searchType" checked >
			编号搜索
			<input type="radio" id="radioBtn2" name="searchType" >
			名称搜索
			<input type="radio" id="radioBtn3" name="searchType" >类别搜索
		</form>

	</div>

	<div class="row">
		<div style="margin-bottom: 10px" class="col-md-12">
			<form name="form4" id="form4"  action="#" 
					method="get" style="display:block" >
				<div class="input-group">
					<input type="text" name="possId" id="possId1" class="form-control" placeholder="请输入资产编号" value="">
					<span class="input-group-btn">
						<input type="submit" class="btn btn-primary" value="编号搜索">
					</span>
				</div>
			</form>

			<form name="form5" id="form5"  action="#" 
					method="get" style="display:none">
				<div class="input-group">
					<input type="text" name="possName" id="possName1" class="form-control" placeholder="请输入资产名称" value="">
					<span class="input-group-btn">
						<input type="submit" class="btn btn-primary" value="名称搜索">
					</span>
				</div>
			</form>

			<form name="form6" id="form6"  action="#" 
					method="get" style="display:none">
				<div class="input-group">
					<select  name="possCate" id="possCate1" class="form-control " placeholder="请选择库存类别" value="">
						<option value="电器类" >电器类</option>
						<option value="文具类" >文具类</option>
						<option value="家具类" >家具类</option>
					</select>
					<span class="input-group-btn">
						<input type="submit" class="btn btn-primary" value="类别查询">
					</span>
				</div>
			</form>
		</div>
	</div>

	<table  class="table table-striped table-bordered table-condensed table-hover">
		<thead>
			<tr name="trHead">
				<th>选择</th>
				<th>资产编号</th>
				<th>资产名称</th>
				<th>资产类别</th>
				<th>资产规格</th>
				<th>资产单价</th>
				<th>库存数量</th>

			</tr>
		</thead>

		
			<tr name="addtr">
				<td>
					<input name="ids" type="radio"></td>
				<td height="24" >21</td>
				<td height="24">
					茶杯
				</td>
				<td height="24">
					电器类
				</td>
				<td height="24">
					个
				</td>
				<td height="24">
					100.0
				</td>
				<td height="24">
					999
				</td>

			</tr>
		
			<tr name="addtr">
				<td>
					<input name="ids" type="radio"></td>
				<td height="24" >2</td>
				<td height="24">
					笔记本
				</td>
				<td height="24">
					文具类
				</td>
				<td height="24">
					本
				</td>
				<td height="24">
					5.0
				</td>
				<td height="24">
					990
				</td>

			</tr>
		
			<tr name="addtr">
				<td>
					<input name="ids" type="radio"></td>
				<td height="24" >1</td>
				<td height="24">
					电脑
				</td>
				<td height="24">
					电器类
				</td>
				<td height="24">
					台
				</td>
				<td height="24">
					3000.0
				</td>
				<td height="24">
					99
				</td>

			</tr>
		
	</table>
	

<nav class="text-center">
	<ul class="pagination">

		
			<li class="disabled"><a href="#">上页</a></li>
			<li class="active"><a href="#">1</a></li>
		
		
		
		
		<!-- 总页数在10页以内 -->
		
		
			
			
			
			
			
				<li class="disabled"><a href="#">下页</a></li>
			
			
		
		
		
		<!-- 总页数大于10页以 -->
		
		<li class="disabled"><a href="#">共1页</a></li>
	</ul>
</nav>

</div>

<div class="col-md-9 col-md-offset-3">
	<form id="form2" name="form2" method="post" action="#">
		<table  class="table table-striped table-bordered table-condensed table-hover ">
			<tbody>
				<tr>
					<td>资产编号</td>
					<td>
						<input name="possId" id="possId" readonly type="text" class="form-control" ></td>
					<td>资产名称</td>
					<td>
						<input name="possName" id="possName" type="text" datatype="s1-10"  errormsg="请输入正确的名称" class="form-control"></td>
				</tr>
				<tr>
					<td>资产类别</td>
					<td>
						<select class="form-control" name="possCate" id="possCate"  datatype="*" class="form-control">
							<option value="电器类" >电器类</option>
							<option value="文具类" >文具类</option>
							<option value="家具类" >家具类</option>

						</select>
					</td>

					<td>资产规格</td>
					<td>
						<input name="possType" id="possType" type="text" datatype="s1-3" errormsg="请输入正确的规格" class="form-control"></td>
				</tr>
				<tr>
					<td>资产单价</td>
					<td>
						<input name="possPrice" id="possPrice" type="text"  datatype="money" errormsg="请输入正确的单价" class="form-control"></td>

					<td>库存数量</td>
					<td>
						<input name="possUnuse" id="possUnuse"  type="text" datatype="n1-6" errormsg="请输入正确的数量" class="form-control"></td>
				</tr>
				<tr>
					<td colspan="4" style="text-align: center">
						<input name="button" id="insertBtn" value="增加" class="btn btn-primary"  type="submit">
						<input name="button2" id="updateBtn" value="修改" class="btn btn-primary" disabled="disabled" type="submit">
						<input name="button3" id="deleteBtn" value="删除" class="btn btn-primary" disabled="disabled" onclick="del()" type="button">
						<input name="button4" id="clearBtn" value="清空" class="btn btn-primary" disabled="disabled" type="button"></td>
				</tr>
			</tbody>
		</table>
	</form>
</div>
</div>

<!--网页底部-->



<footer>
		<div class="container-fluid footer_style">
			<div class="col-md-6 col-md-offset-3 text-center">
				<h4><img src="./cloud_oa/image/default-transparent.png" height="20"/></h4>
				<p>地址：辽宁省大连市高新园区宏川东路20号黄泥川天地软件园金枫楼三层</p>
				<p>Copyright 2009-2015 dletc.com.cn all rights reserved 网站备案号 : 辽ICP备09019147号-1</p>
			</div>
		</div>
	</footer>
	
<!--网页底部结束-->

</body>
</html>